<template>
	<view class="services">
		<view class="top">
			<uv-navbar title="服务介绍" height="44px" titleStyle="{font-weight: bold;font-size: 1.1rem;}"
				@leftClick="leftClick"></uv-navbar>
		</view>
		<!-- 服务 -->
		<view class="photo">
			<view class="one">
				<image :src="test.src" mode="scaleToFill" style="width: 100%;"></image>
			</view>
			<view class="two">
				<view class="two-left">￥<view class="color">{{list.price}}</view>
				</view>
				<view class="two-right">{{list.offers}}</view>
			</view>
			<view class="three">{{list.num}}</view>
		</view>
		<!-- 服务介绍 -->
		<view class="introduced">
			<view class="head">{{list.profile}}</view>
			<view class="center">
				<!-- <image :src="list.image"></image> -->
			</view>
			<view class="bottom">
				<view class="bottom-left">高品质标准</view>
				<view class="bottom-left">HANBIXIONGSHIPIN</view>
			</view>
		</view>
		<!-- 盒子 -->
		<view class="box"></view>
		<!-- 下单 -->
		<view class="place">
			<view class="left">
				<view class="left1">
					<image src="../../static/image/客服.png" mode=""></image>
				</view>
				<view class="left2">客服</view>
			</view>
			<view class="right">
				<uv-button type="primary" color="#008c8c" shape="circle" text="立即下单"></uv-button>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		myRequest
	} from '@/request/request.js'
	export default {
		data() {
			return {
				// 获取服务列表
				list: '',
				tips: '',
				test: {
					src: 'http://120.46.22.142/storage/default/20241016/e41be3af4cee593e419f2ef0bc02f0db80553dbc29c6fe87c2f64df.jpg'
				}

			}
		},
		onLoad(e) {
			const id = e.id;
			console.log("获取商品id", id);
			const that = this
			// 获取服务介绍
			myRequest('More/list?server=1', function(err, data) {
				if (err) {

				} else {
					that.list = data.data
					console.log(that.list);

				}
			}, 'POST', {
				id: id,

			})

		},

		methods: {



			//返回login
			leftClick() {
				uni.navigateBack({
					delta: 1
				});
				console.log('leftClick');
			},

		}
	}
</script>

<style>
	@import url('../../pages/services/services.css');
</style>